<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
       <section>
       		<div style="height:40px;line-height: 40px;">
              <div class="forword_area"></div>
			  <div class="location">当前位置：${sessionScope.currcent_position}</div>
           </div>
           <hr>
         	<div class="panel panel-default">
			<div class="editTitle">
   				<div style="height: 41px;width:190px;float:left;">
   						<img style="float:left;margin-left:37px;margin-top:9.5px;" src="${ctx}/images/new_edit.png" />
						<h4>缴费详情</h4>
				</div>
				<div>
					<a style="float:right;margin-right: 20px;margin-top: -2px;" title="关闭" onclick="cancel();"><img src="${ctx}/images/new_close.png" /></a>
				</div>
			</div>
			
			
			<div id="replyList" class="right" style="height: 150px;">
				<div class="modal-header">
					
					<div id="form" class="form" style="min-height:50px;margin-top:10px;border-top:1px solid #edeef3;font-size:14px;">
						<div class="itemEdit" style="width:100%;float:left">
							<span class="col-sm-1 editlableEdit" style="font-size:14px;">业主信息：</span>
							<div class="fldetail-4l" style="padding-top:8px;">${house.cellName}${house.regionName}${house.buildingName}${house.unitName}${house.name}</div>
							<span class="col-sm-1 editlableEdit" style="font-size:14px;">车辆信息：</span>
							<div class="fldetail-4r" style="padding-top:8px;">${carNo}</div>
						</div>
					</div>
					
				<!-- begin table表格 -->
					<table style="width:100%; margin-top:0px;table-layout:fixed" class="table table-striped b-t b-light">
						<tr>
							<td width="18%" style="background-color: #e0eff3;height:40px">账单号 </td>
							<td width="15%" style="background-color: #e0eff3;height:40px">开始时间</td>
							<td width="15%" style="background-color: #e0eff3;height:40px">结束时间</td>
							<td width="5%" style="background-color: #e0eff3;height:40px">月数</td>
							<td width="8%" style="background-color: #e0eff3;height:40px">单价</td>
							<td width="10%" style="background-color: #e0eff3;height:40px">金额</td>
							<td width="10%" style="background-color: #e0eff3;height:40px">缴费状态</td>
							<td width="10%" style="background-color: #e0eff3;height:40px">缴费方式</td>
							<td width="9%" style="background-color: #e0eff3;height:40px">操作</td>
						</tr>
						<c:forEach items="${detailList}" var="item" varStatus="vStatus">
							<tr>
								<td>${item.carId }</td>
								<td><fmt:formatDate value="${item.startDate }" pattern="yyyy-MM-dd HH:mm"/></td>
								<td><fmt:formatDate value="${item.endDate }" pattern="yyyy-MM-dd HH:mm"/></td>
								<td>${item.month }</td>
								<td>${item.unitPrice }</td>
								<td>${item.money }</td>
								<td>
									<c:if test="${item.state == 0}">缴费成功</c:if>
		                        	<c:if test="${item.state == 1}">欠费</c:if>
		                        	<c:if test="${item.state == 3}">预交费</c:if>
								</td>
								<td>
									<c:forEach items="${payWays}" var="way">
			                       		<c:if test="${way.value == item.payWay}">
			                       			${way.label}
			                       		</c:if>
			                        </c:forEach>
			                    </td>
								<td><a class="fa fa-check " onclick="gotoDetailInfo(${item.id},${house.id});">缴费详情</a></td>
							</tr>
						</c:forEach>
						
					</table>
					<div style="float:left;margin-left:45%;">
						<button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();">返&nbsp;&nbsp;回</button>
						</div>
				</div>
			</div>
							<%@include file="/views/common/footer.jsp"%>
		</div>
	  </section>
	<script
		src="${ctx}/js/controllers/property/carbill/CarBillListController.js"
		type="text/javascript">
	</script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>    
